.detail_swiper{
  swiper{
    height: 400rpx;
    text-align: center;
    image{
       width: 50%;
    }
  }
}
.goods{
  .goods_price{
    color: var(--themeColor);
    font-size: 40rpx;
    font-weight: 600;
    padding: 20rpx 10rpx;
  }
  .goods_name_warp{
    display: flex;
    padding: 10rpx 0;
 border-top: 6rpx solid #ccc;
 border-bottom: 6rpx solid #ccc;
    .goods_name{
      flex: 4;
      font-size: 30rpx;
      color: #000;
      height: 77rpx;
      padding: 0 10rpx;
      // display: flex;
      // align-items: center;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .goods_name_icon{
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      border-left: 1px solid #000;
    }
  }
}
.goods_detail{
  .goods_detail_title{
    color: var(--themeColor);
    font-size: 38rpx;
    font-weight: 600;
    padding: 10rpx;
    border-bottom: 6rpx solid #ccc;
  }
  
}
// 底部工具栏
.btm_tool{
  height: 90rpx;
  width: 100%;
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  border-top: 1px solid #8a8787;
  .tool_item{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .btn-buy{
    flex:2;
    background-color: orange;
    font-size: 34rpx;
    color: #fff;
    font-weight: 600;
  }
  .btn-cart{
    flex: 2;
    background-color: orangered;
    font-size: 34rpx;
    color: #fff;
    font-weight: 600;
  }
}